<template>
	<view class="wrap">

		<u-navbar :is-back="false" title="注册">
		</u-navbar>

		<u-popup v-model="show1" mode="center" border-radius="10" width="80%" height="22%">
			<u-row gutter="16">
				<u-col span="12">
					<view class="demo-layout bg-purple">
				
					</view>
				</u-col>
				<u-col span="1">
					<view class="demo-layout bg-purple">

					</view>
				</u-col>
				<u-col span="11">
					<view class="demo-layout bg-purple">
						<h3>{{finishTip}}</h3>
					</view>
				</u-col>
				<u-col span="12">
					<view class="demo-layout bg-purple">

					</view>
				</u-col>
				<u-col span="12">
					<view class="demo-layout bg-purple">
						<u-button type="primary" :ripple="true" @click="login()" style="width: 50%;">
							确认
						</u-button>
					</view>
				</u-col>
			</u-row>
		</u-popup>
		
		<u-row gutter="16">
			<u-col span="2">
				<view class="u-avatar-wrap">
					<u-avatar :src="src" size="80" @click="upload()"></u-avatar>
				</view>
			</u-col>
			<u-col span="8">
				<view class="u-avatar-wrap">
					<h4>请选择头像</h4>
				</view>
			</u-col>
			<u-col span="2">
				<view class="u-avatar-wrap">
					<u-loading :show="show" mode="circle" color="blue" size="72"></u-loading>
				</view>
			</u-col>
		</u-row>

		<u-row gutter="16">
			<u-col span="12">
				<u-input placeholder="请输用户昵称" v-model="nickname" type="text" :border="true" />
			</u-col>
		</u-row>
		<u-row gutter="16">
			<u-col span="12">
				<u-input placeholder="请输手机号码" v-model="phone" type="text" :border="true" />
			</u-col>
		</u-row>
		<u-row gutter="16">
			<u-col span="12">
				<u-input placeholder="请输入密码" v-model="password" type="password" :border="true" />
			</u-col>
		</u-row>
		<u-row gutter="16">
			<u-col span="12">
				<u-input placeholder="请确认密码" v-model="passwords" type="password" :border="true" />
			</u-col>
		</u-row>
		<u-row gutter="16">
			<u-col span="6">
				<view class="demo-layout bg-purple-light">
					<u-button type="primary" :ripple="true" @click="enroll()">
						确认注册
					</u-button>
				</view>
			</u-col>
			<u-col span="6">
				<view class="demo-layout bg-purple-light">
					<u-button type="primary" :ripple="true" @click="returnLogin()">
						返回登录
					</u-button>
				</view>
			</u-col>
		</u-row>

	</view>
</template>

<script src="./enroll.js">

</script>

<style src="./enroll.css">
	
</style>
